import { Icon, IconProps } from '@chakra-ui/react';
export const InfoIcon = (props: IconProps) => {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="16px"
      height="16px"
      viewBox="0 0 16 16"
      fill="none"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8 2.34627C4.87753 2.34627 2.34627 4.87753 2.34627 8C2.34627 11.1225 4.87753 13.6537 8 13.6537C11.1225 13.6537 13.6537 11.1225 13.6537 8C13.6537 4.87753 11.1225 2.34627 8 2.34627ZM1.01294 8C1.01294 4.14115 4.14115 1.01294 8 1.01294C11.8588 1.01294 14.9871 4.14115 14.9871 8C14.9871 11.8588 11.8588 14.9871 8 14.9871C4.14115 14.9871 1.01294 11.8588 1.01294 8ZM7.33333 5.47184C7.33333 5.10365 7.63181 4.80518 8 4.80518H8.00632C8.37451 4.80518 8.67299 5.10365 8.67299 5.47184C8.67299 5.84003 8.37451 6.13851 8.00632 6.13851H8C7.63181 6.13851 7.33333 5.84003 7.33333 5.47184ZM8 7.33333C8.36819 7.33333 8.66667 7.63181 8.66667 8V10.5282C8.66667 10.8963 8.36819 11.1948 8 11.1948C7.63181 11.1948 7.33333 10.8963 7.33333 10.5282V8C7.33333 7.63181 7.63181 7.33333 8 7.33333Z"
        fill="#0884DD"
      />
    </Icon>
  );
};
